<template>
  <view class="content ">
    <!-- <view class="shopInfo " style="padding-bottom: 16rpx;">
      <view class="topImg flexB ">
        <view class="topLeft w-33" :style="'margin-top:' + statusBarHeight + 'px;'" @tap="back">
          <u-icon name="arrow-left" color="#000" size="36"></u-icon>
        </view>
        <view class="topBtn fs-48 w-33" :style="'margin-top:' + statusBarHeight + 'px;'">
          查看物流
        </view>
        <view class="w-33"></view>
      </view>

    </view> -->
    <view style="padding: 24rpx 32rpx;">
      <view class="bgWhite fs-28 contCss">
        <view class="Conttitle">
          物流公司
        </view>
        <view class="w-100 ContBorder">
          邮政快递包裹
        </view>
        <view class="Conttitle">
          物流单号
        </view>
        <view class="w-100 ContBorder">
          gre474ret54e4220240618
        </view>
        <view class="Conttitle">
          发货时间
        </view>
        <view class="w-100 ContBorder">
          2024-06-24 17：20
        </view>
        <view class="Conttitle">
          实体店店铺图
        </view>
        <view class="Conttitle">
          <u-upload :custom-btn="true">
            <view slot="addBtn">
              <image src="/static/image/upload_icon.png" mode=""
                style="width: 160rpx;height: 151rpx;border-radius: 12rpx;"></image>
            </view>
          </u-upload>
          <!-- <u-upload ref="uUpload" :action="action" :auto-upload="true"></u-upload> -->
        </view>
        <view class="Conttitle">
          提示：请到本物流公司网站查看快递状态
        </view>
      </view>
    </view>
  </view>
</template>

<script>
let that = null;
export default {
  data() {
    return {
      form: {

      },
      action: "http://www.example.com/upload",
    }
  },
  onReady() { },
  onLoad(opt) {
    that = this
    that.statusBarHeight = uni.getStorageSync('statusBarHeight')
    console.log('导航栏高度:', that.statusBarHeight);
  },

  methods: {
    // 返回
    back() {
      uni.navigateBack()
    },

  },
}
</script>

<style scoped lang="scss">
@import "@/api/main.css";

.content {
  background: #E6E6E6;
  min-height: 100vh;

  .shopInfo {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #fff;
  }

  .topImg {
    width: 100vw;
    padding: 32rpx 32rpx 0rpx;

    .topBtn {
      font-family: PingFang SC, PingFang SC;
      font-weight: 400;
      color: #000;
    }
  }

  .contCss {
    padding: 24rpx 32rpx;
    border-radius: 8rpx;

    .Conttitle {
      margin-bottom: 18rpx;
    }

    .ContBorder {
      border: 1rpx solid #999;
      color: #999;
      padding: 8rpx 24rpx;
      margin-bottom: 24rpx;
      border-radius: 4rpx;
    }

  }

}
</style>